Fragment

<Fragment> 通常使用 ... 代替，它们都允许你在不添加额外节点的情况下将子元素组合。

用法

function Post() {
    return (
        <>
            <PostTitle />
            <PostBody />
        </>
    );
}

注意事项

如果你要传递 key 给一个 <Fragment>，你不能使用 ...， 你必须从 'react' 中导入 Fragment 且表示为<Fragment key={yourKey}>...</Fragment>。

当你要从 <Child /> 转换为 [<Child />] 或 <Child /> 转换为 <Child />，React 并不会重置 state。这个规则只在一层深度的情况下生效， 如果从 <Child /> 转换为 <Child /> 则会重置 state。